import React,{useState} from 'react';
import One from "./components/One";
import Two from "./components/Two";
function App(props) {
	// const [num,setNum] = React.useState(10);
	const [num,setNum] = useState(10);
	const [arr,setArr] = useState([1,2,3,4]);
	// console.log(1)
	return (
		<div>
			<button onClick={()=>setNum(num+1)}>{num}</button>
			<button onClick={function(){
				// setNum(num+1);
				// setNum(num+1);
				// setNum((n)=>{
				// 	console.log(n);
				// 	return n+1;
				// })
				// setNum((n)=>{
				// 	console.log(n);
				// 	return n+1;
				// })
				//
				// setNum(n=>n+1);
				// setNum(n=>n+1);
				
				setNum(num);
			}}>点我</button>
			<button onClick={()=>{
				// arr.push(100);
				// setArr(arr);
				
				// const arr2 = [...arr];
				// arr2.push(100);
				// setArr(arr2);
				
				setArr([...arr,200])
			}}>{arr}</button>
			<hr/>
			<One num={num} setNum={setNum}></One>
			<hr/>
			<Two num={num}></Two>
		</div>
	);
}

export default App;